import React from 'react';
import MyTooltip from '.';
import { SvgIcon } from '../icon';

type Props = {
  title?: string | React.ReactNode;
  maxW?: number;
  icon?: React.ReactNode;
  className?: string;
};

const QuestionTip = ({ title, className, ...props }: Props) => {
  return (
    <MyTooltip title={title} className={className}>
      {/* TODO */}
      {/* <QuestionOutlineIcon w={'0.9rem'} {...props} /> */}
      <div className="flex items-center justify-center">
        <SvgIcon icon="ri--question-line" color="var(--text-3)" size={16} />
      </div>
    </MyTooltip>
  );
};

export default QuestionTip;
